<script setup>
/**
 * @import libs
 */
import { ref } from 'vue';

/**
 * @impoort commponents
 */
import topPlaceholder from '@/components/petDoctorComp/topPlaceholder.vue';
import buttomBar from '@/components/commons/buttomBar.vue';
import topTitle from '@/components/petDoctorComp/topTitle.vue';
import centerIcon from '@/components/petDoctorComp/centerIcon.vue';
import redeemCode from '@/components/petDoctorComp/redeemCode.vue';

/**
 * 上部分标题值
 */
const topTitleVaule = ref('AI宠物健康咨询')

</script>

<template>
  <div class="index-page">
    <topPlaceholder></topPlaceholder>
    <topTitle :title="topTitleVaule"></topTitle>
    <centerIcon></centerIcon>
    <buttomBar></buttomBar>
    <redeemCode></redeemCode>
  </div>
</template>

<style scoped>
.index-page {
  width: 750rpx;
  height: 100vh;
  background-color: #ffeee0;
}
</style>